<template>
  <header class="base-header">
    <div class="logo">高校教师个人教学科研成果管理系统</div>
    <div class="user-info">
      <el-dropdown>
        <span>{{ userName }}</span>
        <template #dropdown>
          <el-dropdown-menu>
            <el-dropdown-item @click="logout">退出登录</el-dropdown-item>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
    </div>
  </header>
</template>
<script setup>
import { ref } from 'vue';
const userName = ref('张三');
const logout = () => {
  // 退出登录逻辑
};
</script>
<style scoped>
.base-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  background: #409EFF;
  color: #fff;
  padding: 0 30px;
  font-size: 18px;
}
.logo { font-weight: bold; font-size: 20px; }
.user-info { cursor: pointer; }
</style> 